<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="UTF-8">
    <title>后台管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" /> -->
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../../css/font.css">
    <link rel="stylesheet" href="../../css/xadmin.css">
    <script type="text/javascript" src="../../js/jquery-3.2.1.js"></script>
    <script type="text/javascript" src="../../lib/layui/layui.js" charset="utf-8"></script>
  </head>
  
  </head>
  
  <body>
    <div class="x-body" id="updatebox" data-id="">
        <form action="" method="post" class="layui-form layui-form-pane" lay-filter="Textform">
                <div class="layui-form-item" style="width:300px;">
				<label class="layui-form-label"><span class="x-red">*</span>区域名称</label>
				<div class="layui-input-block" id = "view">
					<select id="securityAreaId" name="securityAreaId">
	
	  				</select>
				</div>
			</div>
			<div class="layui-form-item" style="width:300px;">
				<label class="layui-form-label"><span class="x-red">*</span>人员姓名</label>
				<div class="layui-input-block" id = "view">
					<select id="securityManId" name="securityManId">
			
	  				</select>
				</div>
			</div>
			<div class="layui-form-item">
              <label for="name" class="layui-form-label">
                  <span class="x-red">*</span>日期
              </label>
              <div class="layui-input-inline">
                 <input type="text" class="layui-input" id="misTime" name="misTime" placeholder="日期" lay-verify="required"
                        autocomplete="off">
              </div>
          	</div>
          	<div class="layui-form-item" style="width:300px;">
				<label class="layui-form-label"><span class="x-red">*</span>是否完成</label>
				<div class="layui-input-block" id = "view">
					<select id="isFinish" name="isFinish">
						<option value="0" >未完成</option>
						<option value="1" >已完成</option>
	  				</select>
				</div>
			</div>
          	 <div class="layui-form-item">
                    <label for="name" class="layui-form-label">
                        <span class="x-red"></span>备注
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="other" name="other" 
                        autocomplete="off" class="layui-input">
                    </div>
             </div>
                <div class="layui-form-item">
                <button class="layui-btn" lay-submit="" lay-filter="add">修改</button>
              </div>
            </form>
    </div>
    <script>
        layui.use(['form','layer','laydate'], function(){
          var form = layui.form
          ,layer = layui.layer;
          var laydate = layui.laydate;
    	  //常规用法
    	  laydate.render({
    	    elem: '#misTime'
    	  });
    	  $(function(){
            	$.ajax({
            		type: "post",
                  	url: "../../admin/security/findallarea",
                  	async: true,
                  	success:function(result){
                  		
                  		$.each(result.arealist,function(index,value){
                  			//下列2种方法其中一种都可以
                  		    //$("#selectvillage").append(new Option(value.villageName,value.villageId));
                  		    $("#securityAreaId").append("<option value="+value.securityAreaId+">"+value.securityAreaName+"</option>");
                  		    form.render();
                  		});
                  	},
                  	error:function(){
                  		layer.msg("保洁区域的信息没有正确地加载到选择菜单中!",{icon:6,time:1500});
                  	}
            	});
            	$.ajax({
            		type: "post",
                  	url: "../../admin/security/findallman",
                  	async: true,
                  	success:function(result){
                  		
                  		$.each(result.manlist,function(index,value){
                  			//下列2种方法其中一种都可以
                  		    //$("#selectvillage").append(new Option(value.villageName,value.villageId));
                  		    $("#securityManId").append("<option value="+value.securityManId+">"+value.securityManName+"</option>");
                  		    form.render();
                  		});
                  		 //从json中获取对应的参数值
                        var id =GetRequest().id;
                        //在主块中绑定一个这条信息的ID
                        $("#updatebox").attr("data-id",id);
                        
                        $.ajax({
                      	type: "post",
                        	url: "../../admin/security/findmisbyid",
                        	async: true,
                        	data:{
                        		"id":id
                        	},
                        	success: function(result){
                        		var json={};
                              json.misTime=toMyDateString(result.securityMis.misTime);
                              json.isFinish=result.securityMis.isFinish;
                              json.securityAreaId=result.securityMis.securityAreaId;
                              json.securityManId=result.securityMis.securityManId;
                              json.other=result.securityMis.other;
                              //表单值初始化将查询到的值放在表单中
                              form.val("Textform",json);
                        	},
                        	error: function(){
                        		
                        	}
                        });
                  	},
                  	error:function(){
                  		layer.msg("保洁人员的信息没有正确地加载到选择菜单中!",{icon:6,time:1500});
                  	}
                  	
            	});
            });
          //从url中截取传入的参数
          //这种方法获得的所有参数是一个json的值
          function GetRequest() {
        	   var url = location.search; //获取url中"?"符后的字串
        	   var theRequest = new Object();
        	   if (url.indexOf("?") != -1) {
        	      var str = url.substr(1);
        	      strs = str.split("&");
        	      for(var i = 0; i < strs.length; i ++) {
        	         theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
        	      }
        	   }
        	   return theRequest;
          }
         
          
          
          
          function toMyDateString(timeMillis){
          	var time = new Date(timeMillis);
          	time = time.getFullYear()+"-"+(time.getMonth()+1)+"-"+time.getDate();
          	return time;
          }

          //监听提交
          form.on('submit(add)', function(data){
        	 
        	var id = document.getElementById("updatebox").getAttribute("data-id");
        	//console.log(id);
        	var json={};
            json.securityMisId=id;
            json.securityAreaId=document.getElementById("securityAreaId").value;
            json.securityManId=document.getElementById("securityManId").value;
            json.misTime = document.getElementById("misTime").value;
            json.isFinish = document.getElementById("isFinish").value;
            json.other = document.getElementById("other").value;
            console.log(json);
        	
            $.ajax({
            	type: "post",
            	url: "../../admin/security/updatemis",
            	async: true,
            	data:json,
            	dataType:'json',
            	success: function(result) {
            		if(result.msg == 'success') {
              			layer.msg("修改成功",{icon:6,time:1500},function(){
              				var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
              				parent.location.reload();
              				parent.layer.close(index); //再执行关闭 
                  		});
            		} else {
            			layer.msg("修改失败",{icon:5,time:1500},function(){
                			
              			});
            		} 
            	},   	
            	error: function() {
                    layer.alert("数据异常", {icon: 2,time:1500});
                }
            });
            return false;
          });
        });
   </script>
  </body>
</html>